<div ng-controller="goodsController">
<!-- contain BEGIN -->
    <div class="has-tree right-product right-full animate-time" ng-class="{ true: 'right-full', false: 'right-off' }[isActive]">
        <div class="list-contain center-back right-back">
        	<ul class="breadcrumb">
		       	<li>
	                <a ui-sref="home">
	                    <img class="breadcrumb-right-img-home" height="20px" src="../images/right-product/home.png">首页
	                </a>
	            </li>
	            <li>
	                <img class="breadcrumb-right-img" src="../images/public/right4.png">
	            </li>
		        <li>
		            <a href="#">商品管理</a>
		        </li>
		        <li>
	                <img class="breadcrumb-right-img" src="../images/public/right4.png">
	            </li>
		        <li>
		            <a href="#" class="active">商品管理</a>
		         </li>
            </ul>
        
            <div class="container-fluid">
				<div class="info-center">	
					    <div class="button-group">
                <button type="button" class="btn btn-default"  ui-sref="goods.goodsadd">
                    <span class="glyphicon glyphicon-plus"></span> 发布商品
                </button>
                <button type="button" class="btn btn-default yellow" data-toggle="modal" data-target="#delete">
                    <span class="glyphicon glyphicon-trash "></span> 批量删除
                </button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#examine">
                    <span class="glyphicon glyphicon-screenshot"></span> 批量审核
                </button>
                <button type="button" class="btn btn-default redbtn" data-toggle="modal" data-target="#relationship">
                    <span class="glyphicon glyphicon-heart-empty"></span> 批量上架
                </button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#relationship">
                    <span class="glyphicon glyphicon-heart-empty"></span> 批量下架
                </button>
                <div class="input-group pull-right search-width ">
				    <input type="text" class="form-control search-input" placeholder="请输入需要检索的内容" ng-model="roles_search">
				    <span class="input-group-addon search-btn">
				        <img src="../images/right-product/search.png">检索
				    </span>
				</div> 
				<div class="pull-right search-btn-main">
					<button type="button" class="btn search-btn" ng-click="goodspanels()" >
                    	<span class="glyphicon glyphicon-heart-empty"></span> 时间挫
                	</button>
                	<div class="panel panel-default goods-panel" ng-class="{open:goodspanel == true}">
                   			<div class="panel-heading game-border pull-left goods-panel-heading">
							 
	                            <div class="form-group">
			                        <label class="pull-left form-span">上架时间：</label>
			                        <input type="date" class="pull-left form-control ">
			                        <label class="pull-left mar form-span">至</label>
			                        <input type="date" class="pull-left form-control">
				                    <label class="pull-left mar form-span">商品状态：</label>
				                    <select name="sex"   required>
		                                <option  value="" >全部</option>
										<option  value="0">1</option>
										<option  value="1">2</option>
									</select>
		                        </div>
		                        <div class="form-group">
			                        <label class="pull-left form-span">下架时间：</label>
			                        <input type="date" class="pull-left form-control ">
			                        <label class="pull-left mar form-span">至</label>
			                        <input type="date" class="pull-left form-control">
				                   	<label class="pull-left mar form-span">销售策略：</label>
				                    <select name="sex"   required>
		                                <option  value="" >全部</option>
										<option  value="0">1</option>
										<option  value="1">2</option>
									</select>
		                        </div>
                            </div>
                    	</div>
				</div>
				
	        </div>
					<div class="contain">
                    	
                    <div class="clearfix"></div>
                    <div class="table-margin">
                        <!-- 表格 BEGIN -->
                        <div class="table-header">
	                        <table class="table table-bordered table-header big-picture-table">
	                            <thead>
	                                <tr>
	                                	<td class="w5 text-center">
	                                     
	                                    </td>
	                                	<td class="w5 text-center">
	                                        <input type="checkbox" ng-model="master"  class="ng-pristine ng-untouched ng-valid">
	                                    </td>
	                                    <td class="w10 text-center">序号</td>
	                                    <td class="w10 text-center">商品名称</td>
	                                    <td class="w10 text-center">商品库存</td>
	                                    <td class="w10 text-center">上架时间</td>
	                                    <td class="w10 text-center">浏览量</td>
	                                    <td class="w10 text-center">销量</td>
	                                    <td class="w10 text-center">商品价格</td>
	                                    <td class="w10 text-center">商品状态</td>
	                                    <td class="w10 text-center">销售策略</td>
	                                    <td class="w20 text-center">操作</td>
	                                </tr>
	                            </thead>
	                        </table>
	                    </div>  
	                    <div class="table-body">
	                        <table class="table table-bordered table-header big-picture-table">    
                            <tbody ng-repeat="goods in goodsdates"   ng-class="{act:indexs == $index}">
                                <tr>
                                	<td class="text-center" ng-click="goodstropen($event,$index)">
                                        <img class="goods-right-img" height="20px" src="../images/public/right-blue.png">
                                   </td>
                                	<td class="text-center">
                                        <input type="checkbox" ng-model="bool1"  ng-checked="master" />
                                   </td>
                                    <td class="text-center">{{$index}}</td>
                                    <td class="text-center big-picture-hover">
                                    	<img height="40px" src="../images/public/test.png">{{goods.goodsName}}
                                    	<div class="big-picture">
                                    		<img src="../images/public/笑脸.png">
                                    	</div>
                                    </td>
                                    <td class="text-center">{{goods.goodsSum}}</td>
                                    <td class="text-center">{{goods.shelfTime}}</td>
                                    <td class="text-center">{{goods.browser}}</td>
                                    <td class="text-center">{{goods.salesVolume}}</td>
                                    <td class="text-center">{{goods.price | currency}}</td>
                                    <td class="text-center blue-color" ng-class="{red:goods.status =='未审核'}"><strong>{{goods.status}}</strong></td>
                                    <td class="text-center">{{goods.strategy}}</td>
                                    <td class="text-center icon-td">
                                        <i class="icon-details" ></i>
                                        <i class="icon-edit" ></i>
                                    </td>
                                   
                                </tr>
                                <tr class="goods-tr-hide" colspan="10">
                                	
                              		
                                    <td colspan="2" class="w20 text-center">浏览量</td>
                                    <td colspan="2" class="w20 text-center">销量</td>
                                    <td colspan="2" class="w20 text-center">商品价格</td>
                                    <td colspan="2" class="w20 text-center">商品状态</td>
                                    <td colspan="4" class="w20 text-center">销售策略</td>
                                    
                                </tr>
                          			
	                                 <tr class="goods-tr-hide"  colspan="10" ng-repeat="goods in goodsdates"  >
		                                    	
			                                    
			                                    <td colspan="2" class="text-center">{{goods.browser}}</td>
			                                    <td colspan="2" class="text-center">{{goods.salesVolume}}</td>
			                                    <td colspan="2" class="text-center">{{goods.price | currency}}</td>
			                                    <td colspan="2" class="text-center blue-color" ng-class="{red:goods.status =='未审核'}"><strong>{{goods.status}}</strong></td>
			                                    <td colspan="4" class="text-center">{{goods.strategy}}</td>
			                                 
	                                </tr>
	                                
	                               
                               
                                 <!--<tr ng-class="{checked: bool2 == true}">
                                 	<td class="text-center">
                                        <img height="20px" src="../images/public/right-blue.png">
                                   </td>
                                	<td class="text-center">
                                        <input type="checkbox" ng-model="bool2"  ng-checked="master" />
                                   </td>
                                    <td class="text-center">002</td>
                                    <td class="text-center  big-picture-hover">
                                    	<img  height="40px" src="../images/public/test.png">lol
                                    	<div class="big-picture">
                                    		<img src="../images/public/笑脸.png">
                                    	</div>
                                    </td>
                                    <td class="text-center">cyy</td>
                                    <td class="text-center">100</td>
                                    <td class="text-center">2017/09/04</td>
                                    <td class="text-center">启用</td>
                                    <td class="text-center">2017/09/1</td>
                                    <td class="text-center red"><strong>未发布</strong></td>
                                    <td class="text-center">程序自动刷新，依据</td>
                                    <td class="text-center icon-td">
                                        <i class="icon-details" ></i>
                                        <i class="icon-edit" ></i>
                                    </td>
                                </tr>
                                 <tr ng-class="{checked: bool3 == true}">
                                 	<td class="text-center">
                                        <img height="20px" src="../images/public/right-blue.png">
                                   </td>
                                	<td class="text-center">
                                        <input type="checkbox" ng-model="bool3"  ng-checked="master" />
                                   </td>
                                    <td class="text-center">003</td>
                                    <td class="text-center  big-picture-hover">
                                    	<img height="40px" src="../images/public/test.png">lol
                                    	<div class="big-picture">
                                    		<img src="../images/public/笑脸.png">
                                    	</div>
                                    </td>
                                    <td class="text-center">cyy</td>
                                    <td class="text-center">100</td>
                                    <td class="text-center">2017/09/04</td>
                                    <td class="text-center">启用</td>
                                    <td class="text-center">2017/09/1</td>
                                    <td class="text-center red"><strong>未发布</strong></td>
                                    <td class="text-center">程序自动刷新，依据</td>
                                    <td class="text-center icon-td">
                                        <i class="icon-details" ></i>
                                        <i class="icon-edit"></i>
                                    </td>
                                </tr>-->
                            </tbody>
                        </table>
                        <!-- 表格 END --></div>
                	</div>
                </div>
                <div class="info-bottom">
	            	<div  ng-include="'public/tfoot.html'"></div>
	            </div>  
            </div>
        </div>
    </div>
<!-- contain END -->
</div>	
